.datagrid .dt-table-loader {display:none;position:absolute;background:rgba(255, 255, 255, 0.6);}
.datagrid .dt-table-loader span {position:absolute;background:url('images/load.gif') #eee 10px center no-repeat; padding:10px 10px 10px 30px;border-radius:10px;font-size:10pt;-webkit-box-shadow:0px 0px 10px #ccc;-moz-box-shadow:0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.datagrid .image-loading {background:url('images/load.gif') right center no-repeat; padding:10px 30px 10px 0px}
.datagrid .image-glass {background-image:url('images/glass.png')}

.datagrid .dt-table-row-even {background-color: rgba(255,255,255,0.2)}
.datagrid .dt-table-row-odd {}
.datagrid button:disabled {opacity: 0.5;}
.datagrid .dt-table-value {font-size:10pt;padding: 0px 5px 0px 5px;text-align:left;overflow:hidden;cursor:default;white-space:nowrap;}

.datagrid table {border-collapse:collapse;overflow:hidden;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
.datagrid .scroll-position-info {padding:15px}
.datagrid .dt-table-title {padding:3px 10px 3px 10px;}
.datagrid .dt-table-toolbar {padding:5px 0px 5px 5px;border:1px solid #ccc;border-width:0px 1px 0px 1px !important;vertical-align:center;}
.datagrid .dt-table-toolbar > * {margin-right:10px;}

.datagrid tr.ui-state-hover,.datagrid tr.ui-state-focus  {font-weight:normal;border-left:0px;border-right:0px;}

.datagrid tr.dt-table-row > td {border-right:1px solid #ccc}

.datagrid .dt-table-content {overflow:hidden;border:1px solid #ccc;}
.datagrid .dt-table-head  {overflow:hidden}
.datagrid .dt-table-head .ui-button-text {padding:0px}

.datagrid .dt-table-head .filter-element {width:100%}
.datagrid .dt-table-header {padding:10px 0px 10px 0px}

.datagrid th.dt-table-column-header {border:0px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:5px; padding-bottom:5px;overflow:hidden;white-space:nowrap}
.datagrid th.dt-table-column-header div.dt-table-value {vertical-align:center}
.datagrid th.dt-table-column-header button {cursor:pointer;border:0px;background:0px;padding:0px;}

.datagrid .dt-table-group-header {border-top:1px solid #ccc;border-bottom:2px solid #ccc;background:white;}

.datagrid .dt-table-body th {height:0px;}
.datagrid .dt-table-body {background:white;overflow:auto;width:100%;}
.datagrid .dt-table-body table {width:100%;}
.datagrid .paging-bar {display:table;width:100%}
.datagrid .paging-bar a {cursor:pointer;margin-right:5px;}
.datagrid .paging-bar-item {display:table-cell;white-space:nowrap;vertical-align:center}
.datagrid .paging-bar-nav {text-align:left}
.datagrid .paging-bar-pages {text-align:center;}
.datagrid .paging-bar-page-size {text-align:right;}


.datagrid tbody td input[type=text]  { font-size:10pt; background:transparent; padding:0px;margin:0px; width:100%;border:0px;outline:none;}

.dt-tree-node {cursor:pointer}
.dt-tree-node-minus{background-repeat: no-repeat;background-position: 2px center;background-image: url('images/minus.png');}
.dt-tree-node-plus {background-repeat: no-repeat;background-position: 2px center;background-image: url('images/plus.png');}
.dt-tree-leaf {background-repeat: no-repeat;background-position:2px center;background-image: url('images/leaf.png');}
.dt-tree-folder-open {background-repeat: no-repeat;background-position: 2px center;background-image: url('images/open.png');}
.dt-tree-folder-closed {background-repeat: no-repeat;background-position: 2px center;background-image: url('images/closed.png');}
